<template>
  <div class="page-active">
    <div v-html="html"></div>
  </div>
</template>

<script lang="ts" setup>
import { getActive } from '@/api'

const html = ref('')

watchEffect(async () => {
  const { data } = await getActive()
  html.value = data.content
})
</script>

<style scoped>
.page-active {
  height: 100%;
  overflow-y: auto;
}
</style>
